//1.使用common js的模块化规范
const {add,mul}=require('./js/mathUtils');
console.log(add(20, 30));
console.log(mul(20, 30));

//2.使用es6的模块化的规范
import {name,age,address} from "./js/info";
console.log(name);
console.log(age);
console.log(address);

// webpack在打包时，会根据我们的入口文件main.js中的依赖以此去找，在main.js中没有依赖关系的文件，他不会打包
//3.依赖css文件
require('./css/normal.css') ;

//4.依赖less文件
require("./css/special.less");
document.write('<h2>愿君为星我为月，夜夜流光相皎洁</h2>');

/*
*  以前我们使用vue是先下载vue.js，再在script里引用。 在webpack环境下使用vue要用npm先下载vue
*    1.运行 npm install vue@2.5.21 --save
*        因为我们后续是在实际项目中也会使用vue的，所以并不是开发时依赖，要使用 --save
*    2.在配置文件中配置：
*      resolve:{
       alias:{
         'vue$':'vue/dist/vue.esm.js'
       }
     }
* */
// 下载下来的vue和各种loader一样放在node_module文件夹中。 在vue中有一段：
// 1.export default Vue 来导出vue
// 我们在js文件中，只需import Vue，就可以使用vue代码来编程了
// 2.import Vue from 'vue'

//5.使用vue进行开发
import Vue from 'vue'
// import App from './vue/app'
import App from './vue/App.vue'

new Vue({
  /*同时有template和el挂载，那么vue内部会自动用template里的内容替换el挂载的div*/
  el:'#app',
  template:'<App></App>',
  components:{
    App
  }
})
